<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BOM数据存储</title>
    <script>
        // 1、测试 localStorage 数据存取
        // 应用场景举例：最常见的就是在浏览器端保存 token 值
        // token：令牌，表示用户已经登录，服务器端给用户颁发一个令牌，浏览器端保存这个令牌，以后每次请求都带上这个令牌，服务器端验证这个令牌，如果令牌正确，则认为用户已经登录，否则认为用户没有登录
        // 存数据
        localStorage.setItem("schoolName", "Atguigu(小硅硅)");

        // 取数据
        let itemValue = localStorage.getItem("schoolName");
        console.log("从localStorage读取到的数据：" + itemValue)

        // 删除数据
        localStorage.removeItem("schoolName");

        // 2、测试 sessionStorage 数据存取
        // localStorage 和 sessionStorage 的区别：sessionStorage 数据在浏览器关闭之后会被删除（数据有效范围被限定在一个会话内）
        // 会话：简单、笼统的解释就是浏览器从打开到关闭就是一个会话
        // 存数据
        // sessionStorage.setItem("userName", "tom");

        // 取数据
        let userName = sessionStorage.getItem("userName");
        console.log("从sessionStorage读取到的数据：" + userName);
    </script>
</head>
<body>

</body>
</html>